<template>
    <!--<el-row justify="center">-->
    <!--<el-col :md="12">-->
    <!--<div class="block">-->
    <!--<el-timeline>-->
    <!--<el-timeline-item v-for="historyNode in historyNodes" v-bind:key="historyNode.id"-->
    <!--:timestamp="historyNode.beginTime" placement="top">-->
    <!--<el-card>-->
    <!--<h3>{{historyNode.event}}</h3>-->
    <!--<p>{{historyNode.description}}</p>-->
    <!--</el-card>-->
    <!--</el-timeline-item>-->
    <!--</el-timeline>-->
    <!--</div>-->
    <!--</el-col>-->
    <!--</el-row>-->
    <el-row justify="center">
        <el-col :md="12"  v-for="i in 20" v-bind:key="i"
                                     >
                      111111111
        </el-col>
    </el-row>
</template>

<script>


    export default {
        name: 'TimeAxis',
        data() {
            return {
                historyNodes: [],
                pageDto: {
                    pageNo: 1,
                    pageSize: 50,
                    startTime: null,
                    endTime: null,
                    labels: null,
                }
            };
        },
        mounted() {
            this.$axios.get(this.$Global.requestUrl, {
                params: this.pageDto
            })
                .then(result => {
                    console.log(result);
                    this.historyNodes = result.result.records;
                });
        }
    }
</script>

